草庐IT

HTML5 新元素

全部标签

javascript - 元素值在使用 react-transition-group 转换之前移动和更改

我在使用react-transition-group时注意到了这种行为打包在我正在处理的gatsby项目中。我有一个“标签”列表,当它们是从另一个主列表中挑选出来时,它们被添加到一个事件列表中。单击主列表中的标签将其添加到事件列表中,单击事件列表中的标签将其删除。几乎与您期望的类似工作方式一样。转换in工作得很好,但是当转换out时,标签以一种奇怪的方式重新组织自己。我们有五个具有以下值的标签:不含乳制品派对食品家庭规模低胆固醇低钠如果您单击FamilySized标记将其删除,会发生以下情况:FamilySized立即消失LowCholesterol和LowSodium立即向左移动最后

javascript - 如何为输入元素添加原型(prototype)?

我有一个输入元素:我想创建一个selectionStartdocument.getElementById("t").selectionStart我需要的功能是:functionGetSelectionStart(o){if(o.createTextRange){varr=document.selection.createRange().duplicate()r.moveEnd('character',o.value.length)if(r.text=='')returno.value.lengthreturno.value.lastIndexOf(r.text)}elsereturno

javascript - 滚动页面以便元素可见

我刚刚尝试了原型(prototype)的scrollTo功能,正如文档所述,它Scrollsthewindowsothatelementappearsatthetopoftheviewport我想要一个函数仅当元素在视口(viewport)中不完全可见时才滚动滚动使元素出现在视口(viewport)的中心有谁知道原型(prototype)、脚本或独立的这样一个功能? 最佳答案 我猜你需要这样的东西(demo):窗口高度functiongetWindowHeight(){varbody=document.body;vardocEl=d

javascript - Wordpress - 在编辑器中插入 html/文本

我正在为Wordpress制作一个Vimeo上传插件,以便您可以直接从wordpress上传到Vimeo并直接嵌入。无论如何,我认为我已经完成了最困难的部分,那就是身份验证(那里有不好的例子)。现在我有另一个问题。在Wordpress中,您可以通过按下弹出窗口中的按钮将图像嵌入到富文本编辑器中。(http://cl.ly/6Xns)(荷兰语中的“Invoegeninbericht”按钮)。现在我想做同样的事情,当有人点击我的“invoegen”按钮(http://cl.ly/6Wmn)时,将“sometekst”(一个url就足够了)插入到富文本区域,我该如何实现?我在Wordpres

javascript - 删除脚本元素是否会从内存中删除其功能?

varscripts=document.getElementsByTagName("script");for(vari=scripts.length;i--;){(scripts[i]).parentNode.removeChild(scripts[i]);}有人问我这个问题,我的第一个想法是:不。但是,当您删除style元素时,页面会自动更新,删除样式。这可能是因为浏览器如何Hookcss-我想我记得CSS在每个事件(鼠标移动、点击、类型等)上更新。我只是想确认,删除脚本标签不会删除已经创建的函数,因为我不在可以测试的计算机上。这也让我想到了一些好的实践来帮助保护代码免受firebu

javascript + html5 Canvas : drawing instead of dragging/scrolling on mobile devices?

我正在使用html5Canvas+一些javascript(onmousedown/move/up)在网页上创建简单的绘图板。在Opera、Firefox、Chrome等中运行良好(在台式电脑上试用)。但是,如果我使用iPhone访问此页面,当我尝试在Canvas上绘图时,它会拖动或滚动页面。这适用于其他页面内容,通过上下滑动页面,您可以像往常一样在移动浏览器中浏览页面。但是有没有一种方法可以在Canvas上禁用此行为,以便移动访问者也可以在上面实际绘制一些东西?为了您的引用,这里有一个简单的例子:functioninit(){varcanvas=document.getElement

javascript - js打开弹出窗口并在另一个页面中访问其元素

我的js弹出窗口有问题。我打开一个弹出窗口并尝试在另一个页面访问它的元素,但没有成功,我不想重新加载弹出窗口源,我只想访问打开的弹出窗口的一个元素例如-第一页-使用html5音乐播放器打开弹出窗口第二页-当用户点击主页上的按钮时需要暂停音乐第一页varpopup=window.open("test.html","mypopup","width=500,height=300");第2页我想在不重新加载弹出窗口的情况下访问mypopup窗口元素我只需要使用JS或JQuery如何在不中断其源的情况下访问打开的弹出元素的方式 最佳答案 同源

javascript - 快速 HTML 表格排序?

是的,我知道有很多JS/jQuery程序可以做到这一点。我目前正在使用http://www.kryogenix.org/code/browser/sorttable/sorttable.js.这非常简单:只需一个JS文件,向表中添加一些类属性,然后就可以了。特别是,您实际上不需要了解JS即可使用它,您可以添加自定义排序键,而无需编写自己的JS来扩展它。由于这两个原因,我非常喜欢它。主要问题:我的表长约9300行,排序需要10-20秒。所以我想知道,还有比这更快的其他脚本吗?这些是我发现的:http://webfx.eae.net/dhtml/sortabletable/sortable

javascript - jquery删除除第二个选项值外的 'select option'元素值

我如何删除每个selectoption元素的值,除了第二个option值:-----AsmaaElHabib,Yassine//exceptthisoneAhlamEdouiriAinaneMohamed我试过这样的事情,但我不知道如何结束它:$("select[name='_users_id_requester']").each(function(){if($(this).index()>.....)$(this).attr("value","");}); 最佳答案 你可以这样走$("select[name='_users_id_

javascript - 如何为包含 HTML 和 JavaScript 或 jQuery 的网页编写 Jasmine 测试?

我在Jasmine上阅读的资料中,他们只测试了一个.js文件。但是,如果测试是在网页上进行的,比如说,使用代码:try.html:$("#the-input").focus(function(){$(this).css("background","#ff9");});$("#the-input").blur(function(){$(this).css("background","#cff");});就是说,如果用户点击(或tab)输入框,将输入框的背景设置为黄色,当焦点移出时,将其设置为浅蓝色。在这种情况下,我们如何在.html文件中测试上述行为?(这个html文件应该在哪里——它可